﻿<#include "base.ftl">
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="${base}css/bootstrap.min.css">
  <link rel="stylesheet" href="${base}css/index.css">
  <link rel="stylesheet" href="${base}css/bootstrap-datetimepicker.min.css">
  <title>广州久龙精品酒店</title>
</head>
<body onload="checkAccount();">
  <div class="room">
    <header>
      <nav>	
        <div class="nav_left">
          <ul>
            <li><a class="logo" href="${base}javascript:;"><img src="${base}img/logo.png" height="40" alt=""></a></li>
            <li><a class="aactive" href="#">首页</a></li>
            <li><a href="${base}kfydPc.html">酒店预订</a></li>
            <li class="nav_list">
              <a href="${base}javascript:;">全景图</a>
              <ul>
                <li><a href="http://720.720gz.com/al/jljpjd/kaiyang.html?star" target="_Blank">开阳</a></li>
                <li><a href="http://720.720gz.com/al/jljpjd/linjiang.html?startscene=10&startactions=lookat" target="_Blank">临江</a></li>
                <li><a href="http://720.720gz.com/al/jljpjd/longli.html" target="_Blank">龙里</a></li>
                <li><a href="http://720.720gz.com/al/jljpjd/sansui.html?startscene=19&startactions=lookat" target="_Blank">三穗</a></li>
                <li><a href="http://720.720gz.com/al/jljpjd/shiqian.html?startscene=10&startactions=lookat" target="_Blank">石阡</a></li>
                <li><a href="http://720.720gz.com/al/jljpjd/weining.html?startscene=25&startactions=lookat" target="_Blank">威宁</a></li>
                <li><a href="http://720.720gz.com/al/jljpjd/longli.html" target="_Blank">龙里</a></li>
              </ul>
            </li>
            <li><a href="${base}yhhdPc.html">优惠活动</a></li>
            <li><a href="${base}jtspPc.html">集团视频</a></li>
            <li><a href="${base}jdxgPc.html">酒店相关</a></li>
            <li><a href="${base}contentText?content=微信支付">酒店加盟</a></li>
          
          </ul>
        </div>
        <div class="nav_right">
          <ul style="float: right;" id="login">
            <li><a data-toggle="modal" data-target="#myModal" href="javascript:;">登录</a></li>
    
          </ul>
        <ul  style="float: right;">
         
            <li><a href="xgxxPc" id="person" style="visibility:hidden;color:#FFFFFF" >修改个人信息</a></li>   
          </ul>
        <ul  style="float: right;">
            <a href="grzxPc" id="cart" ><span id="cart1"></span></a>           
          </ul>
        </div>
      </nav>
    </header>

    <div id="myCarousel" class="carousel slide">
      <!-- 轮播底部标识,需手动添加 -->
      <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
      </ol>   
      <!-- 轮播banner -->
      <div class="carousel-inner">
        <div class="item active">
          <div class="banner_title">
            <h1>一个席卷西南县城的酒店</h1>
            <p>广州久龙精品酒店------是2012年由广州久龙精品酒店集团以贵州为主向中国西南地区发展的精品型连锁酒店。我们深入本地，提供最优质的本地酒店服务。</p>
          </div>
          <img class="banner" src="${base}img/winter-1700.jpg" alt="First slide">
        </div>
        <div class="item">
          <div class="banner_title">
            <h1>三星半的酒店：惠而实在</h1>
            <p>酒店按超过三星级的标准设计建造，内部装饰简约而不简单，木制的组合家具合理的定点摆放，从而为顾客预留了足够的活动空间。</p>
          </div>
          <img class="banner" src="${base}img/wedding-1700.jpg" alt="Second slide">
        </div>
        <div class="item">
          <div class="banner_title">
            <h1>应有尽有：舒适无处不在</h1>
            <p>格力变频空调，为顾客提供绿色环保的洁净空气。高清创维电视，百兆专线宽带，独立专享WIFI让您畅想无尽的视 听 游的娱乐空间。私人定制的高端床垫和24小时的恒温热水为您提供健康，舒适的睡眠感觉。干净，整洁的洗漱专区，为您提供安全，卫生的健康保证。让您用的放心，用的舒心。酒店同时还为您提供免费早餐，六种食品供您享用。免费的停车场为您的出行提供了便利。</p>
          </div>
          <img class="banner" src="${base}img/kayak-1700.jpg" alt="Third slide">
        </div>
        <div class="item">
          <div class="banner_title">
            <h1>9——长长久久的发展理念</h1>
            <p>广州久龙精品酒店在创始人，赵东文先生主导的,错位发展，以 9 为名的经营理念指引下，在强大有力的股东团队的支持下，通过全体久龙人的不懈努力，规模由2012年第一家开阳店，短短几年迅速发展，酒店遍布整个贵州地区。</p>
          </div>
          <img class="banner" src="${base}img/food_drink-1700.jpg" alt="Third slide">
        </div>
      </div>
      <!-- 轮播左右按钮 -->
      <a class="carousel-control left" href="#myCarousel" data-slide="prev"><i class="il"></i></a>
      <a class="carousel-control right" href="#myCarousel" data-slide="next"><i class="ir"></i></a>
    </div> 
    
    <div class="mypanel">
      <div>
        酒店预订
      </div>
      <div>
        <label>我的位置</label>
        <input type="text">
      </div>
      <div>
        <label>入住日期</label>
        <div class="controls input-append date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
            <input size="16" type="text" value="" readonly>
            <span class="add-on"><i class="icon-remove"></i></span>
            <span class="add-on"><i class="icon-th"></i></span>
        </div>
        <label>离店日期</label>
        <div class="controls input-append date form_date" data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
            <input size="16" type="text" value="" readonly>
            <span class="add-on"><i class="icon-remove"></i></span>
            <span class="add-on"><i class="icon-th"></i></span>
        </div>
      </div>
      <div>
        <label>关键词</label>
        <input type="text">
      </div>
      <div>
        <a href="${base}kfydPc.html" id="sousuo">搜索</a>
        <input id="ditusousuo" type="button" value="地图搜索">
      </div>
    </div>


    <footer>
      <ul>
        <li>
          <div class="foottab">
            <div class="foot_tab_content">
              <ul class="list-group">
                <li class="list-group-item ftc_li">联系电话</li>
                <li class="list-group-item ftc_li">139-xxxxxxx</li>
                <li class="list-group-item ftc_li">139-xxxxxxx</li>
                <li class="list-group-item ftc_li">139-xxxxxxx</li>
                <li class="list-group-item ftc_li">139-xxxxxxx</li>
              </ul>
            </div>
          </div>
        </li>
        <li>
          <div class="foottab">
            <div class="foot_tab_content">
              <ul class="list-group">
                <li class="list-group-item ftc_li">微信二维码</li>
                <li class="list-group-item ftc_li">
                  <img src="${base}img/wx-3.png" alt="">
                </li>
             </ul>
            </div>
          </div>
        </li>
        <li>
          <div class="foottab">
            <div class="foot_tab_content">
              <ul class="list-group">
                <li class="list-group-item ftc_li">酒店加盟</li>
                <li class="list-group-item ftc_li">Dapibus ac facilisis in</li>
                <li class="list-group-item ftc_li">Morbi leo risus</li>
                <li class="list-group-item ftc_li">Porta ac consectetur ac</li>
                <li class="list-group-item ftc_li">Vestibulum at eros</li>
              </ul>
            </div>
          </div>
        </li>
      </ul>
    </footer>
  </div>
  <!-- 模态框（Modal） -->
  <!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
            &times;
          </button>
          <h4 class="modal-title" id="myModalLabel">
            模态框（Modal）标题
          </h4>
        </div>
        
        <div class="modal-body">
          在这里添加一些文本
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-default" data-dismiss="modal">关闭
          </button>
        </div>
      </div>
    </div> -->
   <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div id="denglu" class="modal-content">
      <form name="dl" method="post" action="kfydPc">
        <div id="denglu_biaoti">
          <span>快速登录</span>
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
              &times;
            </button>
        </div>
        <div id="shang">
          <input type="text" id="account" name="name" placeholder="用户名/手机">
          <input type="password" id="password" name="pwd" placeholder="密码">
        </div>
    
        <div id="denglu_zc">
          <span>还没有账号？<a href="${base}zcPc.html">注册</a></span>
          <a id="wangji" href="${base}wjmm.html">忘记密码</a>
        </div>
        <div id="but">
    <a href="#" id="anniu" onclick="return gotoIndexLogin1()" class="btn btn-warning">登录</a> 
        </div>
      </form>
    </div>
  </div>




<script src="${base}js/md5.js"></script>

  <script src="${base}js/jquery.min.js"></script>
  <script src="${base}js/bootstrap.min.js"></script>
  <script src="${base}js/bootstrap-datetimepicker.min.js"></script>
  <script src="${base}js/bootstrap-datetimepicker.fr.js"></script>
  <script>
    $("#myCarousel").carousel('cycle');
    $(function() {
      // dom加载完毕
      var $m_btn = $('#modalBtn');
      var $modal = $('#myModal');
      $m_btn.on('click', function(){
        $modal.modal({backdrop: 'static'});
      });

      // 测试 bootstrap 居中
      $modal.on('show.bs.modal', function(){
        var $this = $(this);
        var $modal_dialog = $this.find('.modal-dialog');
        // 关键代码，如没将modal设置为 block，则$modala_dialog.height() 为零
        $this.css('display', 'block');
        $modal_dialog.css({'margin-top': Math.max(0, ($(window).height() - $modal_dialog.height()) / 2) });
      });
        
      size();
    })
    $(window).resize(size);
    //轮播背景自适应
    function size(){
      var clientHeight = $(window).height();
      var clientWidth = $(window).width();
      $('.banner').width('100%');
      $('.banner').height('100%');
      $('.item').height(clientHeight);
      $('.room').height(clientHeight);
     // $('.banner_title').css({width:clientWidth/3+'px',height:'300px',left:clientWidth/7+'px',top:clientHeight/2.65+'px'});
     // $('.banner_title>p').css({width:clientWidth/3-40+'px',height:'98px','white-space':'pre-wrap','overflow':'hidden','text-overflow':'ellipsis','font-size':clientHeight/40+'px'});
      //$('.banner_title').css({width:clientWidth/3+'px',left:clientWidth/7+'px',bottom:clientHeight/4+'px'});
      //$('.banner_title p').css('font-size',clientHeight/40+'px');
    }
    $('.form_date').datetimepicker({
      language:  'fr',
      weekStart: 1,
      todayBtn:  1,
      autoclose: 1,
      todayHighlight: 1,
      startView: 2,
      minView: 2,
      forceParse: 0
    });
  </script>
  <script type="text/javascript">
  
  function gotoIndexLogin(){
	var session=document.getElementById("cart1").innerHTML;

	if(session==""){
		alert('请先登录！');
		return false;
	}else
	alert(1);
	//window.location.replace('indexPc');
	//window.location.replace('indexPc?productId='+${product.name});
	//var url="indexPc";
	//window.location.href=url+"?productId="; 
}
	function gotoIndexLogin1(){
		var account=document.getElementById("account").value;
		var hash=document.getElementById("password").value;
		var password=hex_md5(hash);
	$.ajax({
		type:'post',
		url:'indexPc1',
		data:{account:account,password:password},
		dataType:'json',
		success:function(data){
			try{
				//document.getElementById("exampleInputEmail12").value=data.validateCode;
				//document.getElementById("myModal").style.display="none";
		
			var test=data.validateCode;
		
		if(test==""){
			//alert('账号或者密码不正确，请重新输入！');
			return false;
		}
			document.getElementById("login").style.display="none";
		
			document.getElementById("cart1").innerHTML=test;
			document.getElementById("cart").style="visible";
			document.getElementById("person").style="visible";
			
			//alert('success');
			$("#myModal").modal("hide");
			}catch(e){
				console.log(e);
			}
		},
		error:function(data){
			alert("账号或者密码不正确，请重新输入！");
			console.log(1234);
		// callpay('indexPc');
		}
	});
	//setInterval('test()',1000);
}

//检查缓存中是否存在用户信息
function checkAccount(){
	//var session=document.getElementById("cart1").innerHTML;
	$.ajax({
		type:'get',
		url:'checkAccount',
		data:{},
		dataType:'json',
		success:function(data){
			try{
			var isFlag=data.isFlag;	
			var accountIsFlag=data.accountIsFlag;

			

		if(isFlag==0){
			return false;
		}
			document.getElementById("login").style.display="none";
		//讲后台的用户传值到目标框里
			document.getElementById("cart1").innerHTML=accountIsFlag;
			document.getElementById("cart").style="visible";
			//展示修改个人信息按钮
			document.getElementById("person").style="visible";
			
			//alert('success');
			$("#myModal").modal("hide");
			}catch(e){
				console.log(e);
			}
		},
		error:function(data){
			alert("账号或者密码不正确，请重新输入！");
			console.log(1234);
		// callpay('indexPc');
		}
	});
	}
    </script>

<script type="text/javascript">
$(document).ready(function () {
//平台、设备和操作系统

var system = {
win: false,
mac: false,
xll: false
};
//检测平台
var p = navigator.platform;
system.win = p.indexOf("Win") == 0;
system.mac = p.indexOf("Mac") == 0;
system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
//跳转语句
if (system.win || system.mac || system.xll) {//转向后台登陆页面
//window.location.href = "";
} else {
//window.location.replace('');//手机
}
});

</script>
</body>
</html>